<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8"> 
		<title>热搜榜</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</head>
	<style type="text/css">
		.xz {
			font-family: "微软雅黑";
			background-color: #F8F8F8;
			font-size: 18px;
			padding-bottom: 10px;
			padding-top: 10px;
		}
		
		a{
			color: #000000;
		}
		
		a:hover {
			color: #00BE06;
			text-decoration: none;
		}
		
		li {
			padding-bottom: 15px;
			padding-top: 0px;
		}
		.navbar {
				margin-bottom: auto;
				padding-left: 160px;
				height: 65px;
			}
			
			.logo {
				padding: 19px;
			}
			
			.tupian {
				padding-top: 10px;
				position: relative;
				left: -40px;
				bottom: 5px;
			}
			
			.navbar-nav>li>a {
				padding-left: 0px;
				padding-bottom: 20px;
				padding-top: 20px;
			}
			
			.button {
				width: 75px;
				height: 40px;
				border: none;
				margin-top: 2px;
				border-bottom-right-radius: 25px;
				border-top-right-radius: 25px;
				background-color: #00BE06;
				padding-right: 70px;
			}
			
			.button>span {
				position: absolute;
				top: 11px;
				margin-right: 50px;
			}
			
			.dh {
				width: 260px;
				height: 40px;
				border: none;
				background-color: #333333;
				float: left;
				margin-top: 3px;
				border-bottom-left-radius: 25px;
				border-top-left-radius: 25px;
				outline: none;
				opacity: 0.5;
			}
			
			.form-group {
				margin-right: 50px;
			}
			
			#back {
				background-image: url(img/tq-banner-bg@2x.jpg);
				height: 400px;
			}
			
			.toubu1 {
				background-color: black;
				width: 530px;
				height: 24px;
				font-size: 15px;
				position: absolute;
				left: 120px;
				border-bottom-left-radius: 20px;
				border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
				border-top-right-radius: 20px;
			}
			
			.toubu2 {
				background-color: black;
				width: 390px;
				height: 24px;
				font-size: 15px;
				position: absolute;
				left: 185px;
				border-bottom-left-radius: 20px;
				border-bottom-right-radius: 20px;
				border-top-left-radius: 20px;
				border-top-right-radius: 20px;
			}
			
			.toubu1 a {
				font-size: 13px;
				color: white;
				margin-left: 16px;
				padding-left: 5px;
			}
			
			.toubu2 a {
				font-size: 13px;
				color: white;
				margin-left: 16px;
				padding-left: 5px;
			}
			
			.toubu1 a:hover {
				color: #C8A06A;
				text-decoration: none;
			}
			
			.toubu2 a:hover {
				color: #C8A06A;
				text-decoration: none;
			}
			
			.huangjin1 {
				color: #E3BA77;
				font-size: 40px;
				font-weight: 400;
			}
			
			.huangjin2 {
				color: #FFEFD7;
				font-size: 40px;
				font-weight: 400;
			}
			
			.xiaozi1 {
				position: absolute;
				color: #E3BA77;
				font-size: 20px;
				top: 95px;
				right: 30px;
			}
			
			.xiaozi2 {
				position: absolute;
				color: #D6BE97;
				font-size: 20px;
				top: 85px;
				right: -8px;
			}
			
			.an1 {
				border-radius: 100px;
				width: 165px;
				height: 35px;
				position: absolute;
				top: 165px;
				left: 170px;
				color: #E3BA77;
				background-color: transparent;
				font-size: 18px;
				border-color: #E3BA77;
			}
			
			.an2 {
				border-radius: 100px;
				width: 165px;
				height: 35px;
				position: absolute;
				top: 165px;
				left: 225px;
				color: #D6BE97;
				background-color: transparent;
				font-size: 18px;
				border-color: #D6BE97;
			}
			
			.dfk {
				background-color: #F9F9F9;
				width: 260px;
				height: 125px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			
			.dfk:hover {
				background-color: saddlebrown;
			}
			
			.banquan a {
				color: #000000;
			}
			
			.banquan a:hover {
				text-decoration: none;
				color: #E3BA77;
			}
			.VIP{
				position: absolute;
				min-width: 185px;
				padding-top: 14px;
				left: -82px;
				margin-top: 14px;
			}
			.denglu{
	            border-bottom-left-radius: 5px;
	            border-bottom-right-radius: 5px;
	            border-top-left-radius: 5px;
	            border-top-right-radius: 5px;
	            color: white; 
	            background-color: #C8A06A;
	            border: none;
	            margin-left: 50px;"
			}
			.dfk{
				background-color: #F9F9F9;
				width: 260px;
				height: 125px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;	
			}
			.dfk:hover{
				background-color: saddlebrown;
			}
			.banquan a{
				color: #000000;
			}
			.banquan a:hover{
				text-decoration: none;
				color: #E3BA77;
			}
	</style>

	<body>
		<nav class="navbar navbar-inverse">

			<div class="container-fluid">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
					<a class="logo" href="index.html"><img src="img/2019-12-09_083755.png" class="tupian"></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">

						<li>
							<a href="DianShiJu.html">电视剧</a>
						</li>
						<li>
							<a href="#">电影</a>
						</li>
						<li>
							<a href="ReSouBang.html">热搜榜</a>
						</li>
						
					</ul>
					<form class="navbar-form navbar-left" role="search">

						<div class="form-group">
							<input type="text" placeholder="木鱼" style="color: white; padding-left: 15px;" class="dh">
							<button class="input-group-addon glyphicon glyphicon-search button" id="basic-addon1"><span>搜全网</span></button>
						</div>
					</form>

					<ul class="nav navbar-nav">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
								<div class="t" style="position: relative;bottom: 25px;right: 20px;"><img src="img/2019-12-14_113538.png" class="vipchatu" />
								<ul class="dropdown-menu VIP">
									<li>
										<a href="vip1.html">
											<p><img src="img/10e25c7db4664aeea5f3650a7962d722.png"style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;"/>了解VIP会员特权</p>
										</a>
									</li>
									<li>
										<a href="vip2.html">
											<p><img src="img/4e2e4b297d294926b025d86b8b619d85.png"style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;"/>领取VIP会员福利</p>
										</a>
									</li>
									<li>
										<a href="vip3.html">
											<p><img src="img/fe1d5f33d4034eb0ab61a7abf0ce222f.png"style="width: 25px;height: 25px;float: left;position: relative;left: -6px;bottom: 3px;"/>做任务，领奖励</p>
										</a>
									</li>
									<li>
										<a href="#">
											<button class="denglu" >登录</button>
										</a>
									</li>
								</ul>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="q" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-cloud-upload ac" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="shangchuan">上传</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="w" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-blackboard kh" aria-hidden="true" style="position: relative;left: 14px;"></div>
									<div class="kehu">客户端</div>
								</div>
							</a>

						</li>
						<li>

							<a href="#">
								<div class="e" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-bell xx" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="xiaoxi">消息</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#">
								<div class="r" style="position: relative;bottom: 8px;">
									<div class="glyphicon glyphicon-dashboard kg" aria-hidden="true" style="position: relative;left: 7px;"></div>
									<div class="kanguo">看过</div>
								</div>
							</a>
						</li>
						<li>
							<a href="#"><img src="img/2019-12-15_173518.png " class="rentou" style="position: relative;bottom: 8px;" /></a>
						</li>
					</ul>
				</div>
		</nav>
		
		<div style="position: relative;top: -32px;"><img src="img/2019-12-10_163552.png" width="100%"></div>
		<div class="container">
			<div class="container">
				<div class="row" style="font-weight: bolder; font-family: '微软雅黑'; padding-bottom: 20px; padding-top: 20px;">
					<!--<div class="col-md-6">
						<h1 style="float: right; padding-right: 50px;">热播榜</h1>
					</div>
					<div class="col-md-3">
						<h1>热搜榜</h1>
					</div>-->
					<ul id="myTabs" class="nav nav-tabs" style="font-family: '微软雅黑'; font-size: 30px;">
						<li style="padding-left: 450px;">
							<a href="#name1" data-toggle="tab">热播榜</a>
						</li>
						<li class="active">
							<a href="#name2" data-toggle="tab">热搜榜</a>
						</li>
						<p style="padding-top: 15px;float: right;">
							<a href="#"><img src="img/2019-12-10_165431.png"></a>
						</p>
					</ul>
				</div>
			</div>
			<div class="tab-content">
				<div class="tab-pane fade in active" id="name2">
					<div class="container">
						<div class="row" style="padding-left: 10px;">
							<div class="col-md-12 col-xs-12 xz">
								<a href="#" class="active">全部</a> &ensp;
								<a href="#">热搜</a>&ensp;
								<a href="#">电影</a>&ensp;
								<a href="#">电视剧</a>&ensp;
								<a href="#">综艺</a>&ensp;
								<a href="#">动漫</a>&ensp;
								<a href="#">娱乐</a>&ensp;
								<a href="#">资讯</a>&ensp;
								<a href="#">明星</a>&ensp;
							</div>
						</div>
					</div>
					<div class="container">
						<div class="row" style="font-family: '微软雅黑';">
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder; "><img src="img/2019-12-10_172240.png">热搜
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.庆余年</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.第二次也很美</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.奇葩说第6季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.心灵法医</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.航海王</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.从前有座灵剑山</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>

									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.剑王朝</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.中国机长</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.博人传 火影忍者新时代</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.中央广播电视总台2019主持人大赛</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172302.png" />电影
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.中国机长</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2. 露水红颜</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3. 哪吒之魔童降世</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.大蛇</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.疾速特攻</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.漂浮</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.少年的你</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.战狼2</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.邻里的人们</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.断片之险途夺宝</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172312.png" />电视剧
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.庆余年</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.第二次也很美</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.心灵法医</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.从前有座灵剑山</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.剑王朝</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.遇见王沥川</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.河山</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.我是特种兵之利刃出鞘</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.热血少年</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.鳄鱼与牙签鸟</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
						</div>

					<div class="container">
						<div class="row" style="font-family: '微软雅黑';">
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder; "><img src="img/2019-12-10_172240.png">热搜
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.奇葩说第6季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.中央广播电视总台2019主持人大赛</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.妻子的浪漫旅行第3季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.中国梦之声-我们的歌</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.奔跑吧第3季</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.王牌对王牌4</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>

									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.奔跑吧兄弟第3季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.潮流合伙人</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.吐槽大会第4季</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.爱情保卫战2019</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172302.png" />电影
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.航海王</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.博人转 火影忍者新时代</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.精灵梦叶罗丽第7季</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.猫和老鼠全集</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.迪迦奥特曼 普通话版</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.海绵宝宝第12季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.斗罗大陆</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.泰迦奥特曼 普通话版</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.蜡笔小新</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.名侦探柯南 普通话版</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172312.png" />电视剧
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.第二次也很美</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.心灵法医</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.从前有座灵剑山</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.剑王朝</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.遇见王沥川</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.河山</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.我是特种兵之利刃出鞘</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.热血少年</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.鳄鱼与牙签鸟</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="container">
						<div class="row" style="font-family: '微软雅黑';">
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder; "><img src="img/2019-12-10_172240.png">热搜
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.庆余年</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.第二次也很美</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.奇葩说第6季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.心灵法医</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.航海王</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.从前有座灵剑山</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>

									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.剑王朝</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.中国机长</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.博人传 火影忍者新时代</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.中央广播电视总台2019主持人大赛</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172302.png" />电影
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.中国机长</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2. 露水红颜</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3. 哪吒之魔童降世</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.大蛇</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.疾速特攻</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.漂浮</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.少年的你</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.战狼2</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.邻里的人们</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.断片之险途夺宝</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--
            	热搜榜↑↑↑↑
            -->

			<!--
            	热播榜↓↓↓↓
           -->
				<div class="tab-pane fade" id="name1">
					<div class="container">
						<div class="row" style="padding-left: 10px;">
							<div class="col-md-12 col-xs-12 xz">
								<a href="#" class="active">全部</a> &ensp;
								<a href="#">总榜</a>&ensp;
								<a href="#">电影</a>&ensp;
								<a href="#">电视剧</a>&ensp;
								<a href="#">综艺</a>&ensp;
								<a href="#">动漫</a>&ensp;
								<a href="#">儿童</a>&ensp;
								<a href="#">脱口秀</a>&ensp;
								<a href="#">记录片</a>&ensp;
								<a href="#">娱乐</a>&ensp;
								<a href="#">搞笑</a>&ensp;
								<a href="#">生活</a>&ensp;
								<a href="#">游戏</a>&ensp;
								<a href="#">教育</a>&ensp;
								<a href="#">体育</a>&ensp;
								<a href="#">母婴</a>&ensp;
							</div>
						</div>
					</div>
					<div class="container">
						<div class="row" style="font-family: '微软雅黑';">
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder; "><img src="img/2019-12-10_172240.png">热搜
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.庆余年</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.第二次也很美</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.奇葩说第6季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.心灵法医</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.航海王</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.从前有座灵剑山</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>

									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.剑王朝</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.中国机长</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.博人传 火影忍者新时代</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.中央广播电视总台2019主持人大赛</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172302.png" />电影
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.中国机长</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2. 露水红颜</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3. 哪吒之魔童降世</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.大蛇</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.疾速特攻</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.漂浮</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.少年的你</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.战狼2</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.邻里的人们</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.断片之险途夺宝</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172312.png" />电视剧
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.庆余年</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.第二次也很美</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.心灵法医</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.从前有座灵剑山</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.剑王朝</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.遇见王沥川</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.河山</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.我是特种兵之利刃出鞘</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.热血少年</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.鳄鱼与牙签鸟</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="container">
						<div class="row" style="font-family: '微软雅黑';">
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder; "><img src="img/2019-12-10_172240.png">热搜
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.奇葩说第6季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.中央广播电视总台2019主持人大赛</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.妻子的浪漫旅行第3季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.中国梦之声-我们的歌</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.奔跑吧第3季</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.王牌对王牌4</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>

									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.奔跑吧兄弟第3季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.潮流合伙人</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.吐槽大会第4季</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.爱情保卫战2019</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172302.png" />电影
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.航海王</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.博人转 火影忍者新时代</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.精灵梦叶罗丽第7季</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.猫和老鼠全集</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.迪迦奥特曼 普通话版</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.海绵宝宝第12季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.斗罗大陆</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.泰迦奥特曼 普通话版</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.蜡笔小新</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.名侦探柯南 普通话版</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172312.png" />电视剧
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.第二次也很美</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.心灵法医</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.从前有座灵剑山</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.剑王朝</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.遇见王沥川</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.河山</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.我是特种兵之利刃出鞘</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.热血少年</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.鳄鱼与牙签鸟</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="container">
						<div class="row" style="font-family: '微软雅黑';">
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder; "><img src="img/2019-12-10_172240.png">热搜
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.庆余年</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2.第二次也很美</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3.奇葩说第6季</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.心灵法医</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.航海王</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.从前有座灵剑山</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>

									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.剑王朝</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.中国机长</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.博人传 火影忍者新时代</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.中央广播电视总台2019主持人大赛</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
								</ul>
							</div>
							<div class="col-md-4 col-xs-4">
								<ul style="list-style-type: none;">
									<li style="font-size: 25px; font-weight: bolder;"><img src="img/2019-12-10_172302.png" />电影
										<a href="#" style="font-size: 18px; float: right; padding-top: 10px;">更多></a>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color:orangered;">1.中国机长</a>
										<span style="float: right;"><img src="img/2019-12-10_180157.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: coral;">2. 露水红颜</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px; color: orange;">3. 哪吒之魔童降世</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">4.大蛇</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">5.疾速特攻</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">6.漂浮</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">7.少年的你</a>
										<span style="float: right;"><img src="img/2019-12-10_180146.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">8.战狼2</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">9.邻里的人们</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
									<li>
										<a href="#" style="font-size: 18px;">10.断片之险途夺宝</a>
										<span style="float: right;"><img src="img/2019-12-10_180136.png"></span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			
				<div class="row" style="padding-top: 30px; padding-bottom: 30px; background-color:#F8F8F8; width: 100%;">
					<div class="col-md-12 col-xs-12 text-center">
						<div>
							<a href="#">公司介绍</a>|
							<a href="#">新闻动态</a>|
							<a href="#">联系方式</a>|
							<a href="#">招聘英才</a>|
							<a href="#">爱奇艺实验室</a>|
							<a href="#">开放平台</a>|
							<a href="#">爱奇艺号认证</a>|
							<a href="#">爱奇艺号</a>|
							<a href="#">爱奇艺会员合作</a>|
							<a href="#">帮助中心</a>|
							<a href="#">侵权举报与投诉</a>|
							<a href="#">用户协议</a>|
						</div>
						<p>隐私政策|
							<a href="#">About Us</a>
						</p>
						<p>
							<a href="#">反盗版和反盗链权利声明</a>&ensp;Copyright © 2019 爱奇艺 All Rights Reserved</p>
					</div>
				</div>
	</body>

</html>